<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/8/3
  Time: 10:52
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/home.css">
    <%--    <script src="../js/jquery-3.6.0.min.js"></script>--%>
    <%--    <script src="../js/common.js"></script>--%>

</head>
<!--<style>-->

<!--</style>-->
<!--
head里面有哪些？
meta 是做什么？
-->
<body>
<!--CRUD
技术？html+css
应用于哪些方面？应用场景？为什么要取学？
页面  PC  PHONE  TV PAD 小程序，网页，游戏  html+css
怎么学？---视频  网页  博客  课堂 应用与项目 实践
怎么做？
html
css
耦合度太高
自定义属性：可以自己写属性
div
a
img
-->
<div>
    <jsp:include page="top.jsp"></jsp:include>
    <div class="middle">
        <div>
            <div>
                <div class="title">较新动态</div>
                <div>
                    <div><img src="../img/m331.jpg"/></div>
                    <div>
                        <c:forEach items="${newsModels}" var="newsModel">
                            <div>
                                <div>
                                        ${newsModel.title}
                                </div>
                                <div>
                                        ${newsModel.content}
                                </div>
                            </div>
                        </c:forEach>

                    </div>
                </div>
            </div>
            <div>

                <div class="title">产品展示</div>
                <div class="product-content">
                    <div>
                        <div><img src="../img/21_ttlm.jpg"/></div>
                        <div class="nowrap product-width">红烧狮子头</div>
                        <div class="nowrap  product-width">狮子头狮子头狮子头狮子头狮子头狮子头狮子头狮子头狮子头狮子头狮子头狮子头</div>
                    </div>
                    <div>
                        <div><img src="../img/21_ttlm.jpg"/></div>
                        <div class="nowrap product-width">红烧狮子头红烧狮子头红烧狮子头红烧狮子头</div>
                        <div class="nowrap product-width">狮子头狮子头狮子头狮子头狮子头狮子头狮子头狮子头狮子头狮子头狮子头狮子头</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <jsp:include page="foot.jsp"></jsp:include>
</div>

</body>
</html>
